<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- element样式 -->
		<link rel="stylesheet" href="../index.css" />
		
		<script src="../vue.js"></script>
		<!-- element组建 -->
		<script src="../index.js"></script>
	</head>
	<body>
		<div id="app">
			<!--
				current-change：内置的事件，当前页码改变时会触发，可以获取到改变之后的页码
			-->
			<el-pagination
					@current-change="handleCurrentChange"
					current-page="5"
					page-size="10"
					layout="total, prev, pager, next, jumper"
					:total="305">
			</el-pagination>
			
		</div>
	
		<script>
			new Vue({
				el:'#app',
				methods:{
					handleCurrentChange(page){
						alert(page);
					}
				}
			});
		</script>
	</body>
</html>
